<!--
 * @Date: 2025-07-03 10:46:38
 * @LastEditTime: 2025-07-03 11:13:09
-->
<template>
    <Card>
      <Tabs v-model:activeKey="activeKey" tab-position="left">
        <TabPane key="1" tab="对象概览">
            
          <Suspense>
            <template #default>
              <objectOverview />
            </template>
            <template #fallback>
              <MyLoading />
            </template>
          </Suspense>
        </TabPane>
        <TabPane key="2" tab="表特性">
          暂未开发
        </TabPane>
        <TabPane key="3" tab="数据库特性">
          暂未开发
        </TabPane>
      </Tabs>
    </Card>
</template>

<script setup>
import { defineAsyncComponent,ref } from 'vue';
import { Tabs, TabPane,Card } from 'ant-design-vue';
import MyLoading from '@/components/loading/loading.vue';
import MyError from '@/components/loading/error.vue';

const objectOverview = defineAsyncComponent({
  loader: () => import('@/views/objectCollection/details/source/databaseCharacteristics/index.vue'),
  loadingComponent: MyLoading,
  errorComponent: MyError,
});
const activeKey = ref('1');
</script>

<style scoped lang="scss">

</style>